<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" type="image/x-icon" href="Images/wheel.jpg" />
    <title>Thông tin sản phẩm</title>
    <link rel="stylesheet" href="css/constant.css" type="text/css" />
    <link rel="stylesheet" href="css/template.css" type="text/css" />
    <link rel="stylesheet" href="css/virtuemart.css" type="text/css" />
    <sj:head jqueryui="true" />
    
</head>
<body id="body">
    <div class="main">
        <div class="borderTop">
            <div class="borderLeft">
                <div class="borderRight">
                    <div class="borderBottom">
                        <div class="cornerTopLeft">
                            <div class="cornerTopRight">
                                <div class="cornerBottomLeft">
                                    <div class="cornerBottomRight">
                                        <div class="width">
                                            <jsp:include page="header.jsp" />
                                            <div id="nav">
                                                <jsp:include page= "menu.jsp"/>
                                            </div>
                                            <div id="wrapper">
                                                <div id="left">
                                                    <div class="space">
                                                        <div class="width">
                                                        	<jsp:include page="bodyleft.jsp"/>
                                                        	<jsp:include page="partner.jsp"/>
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                                <div class="container">
                                                    <div class="width">
                                                        
                                                        <%--start body content--%>
                                                        
                                                        <div id="vmMainPage">
                                                        	<h3 class='pageTitle' style="width: 100%;">
                                                                <span>Thông tin sản phẩm</span></h3>
                                                            <div class="clear featured">
	                                                            <div class="img-prod-detail">
	                                                            	<div id="frmShopping">
	                                                            		<img style="float: left;" src='<s:property value="wheelDetail.typesOfWheel.figure"/>' alt="" width="68%" height="400" />
				                                                	<form action="#" style="width:30%; margin-top:150px ;float: left;">
				                                                		 Số lượng: <sj:spinner  cssStyle="height:25px;" name="spinner2" id="spinner2" min="1" max="50" step="1" value="1" />
		<br />
				                                                		<input  type="image" src="images/addtocart-orange.gif"/> 			   
				                                                    </form>	
				                                                    <p style="clear: both;"></p>
	                                                            	</div>
				                                                				                                                
                                                            
				                                                </div>
				                                                 
                                                            </div>
                                                           
                                                	<sj:tabbedpanel id="formTag" selectedTab="0">
														<sj:tab id="infor" target="frmInfo" label="Chi tiết sản phẩm" />
														<sj:tab id="inforTechnology" target="frmTechnology" label="Công nghệ" />
														<sj:tab id="inforBenifit" target="frmBenifit" label="Tính năng" />
														<div id="frmInfo">														
															<table class="data-table" style="text-align: left" border="1px solid #bebcb7; width:80%;">
													        	<tbody>
													                <tr>
													                    <th style="padding:5px 10px; width: 20%; height: 25px ;text-align: center;font-weight: bolder;font-size: 14px">
													                        Mã sản phẩm
													                    </th>
													                    <td style="padding:5px 10px ; ">
													                       <s:property value="wheelDetail.wheelDetailID"/>
													                    </td>
													                </tr>
													                <tr>
													                    <th style="padding:5px 10px;width: 20%;height: 25px ;text-align: center;font-weight: bolder;font-size: 14px">
													                        Nhóm xe
													                    </th>
													                    <td style="padding:5px 10px;">
													                         <s:property value="wheelDetail.typesOfWheel.typeOfAuto.typeOfAutoName"/>
													                    </td>
													                </tr>
													                <tr>
													                    <th style="padding:5px 10px;width: 20%;height: 25px ;text-align: center;font-weight: bolder;font-size: 14px">
													                        Nhóm lốp
													                    </th>
													                    <td style="padding:5px 10px;">
													                        <s:property value="wheelDetail.typesOfWheel.productName"/>
													                    </td>
													                </tr>
													                <tr>
													                    <th style="padding:5px 10px;width: 20%;height: 25px ;text-align: center;font-weight: bolder;font-size: 14px">
													                        Thông tin lốp
													                    </th>
													                    <td style="padding:5px 10px;">
													                       Chiều rộng lốp:  <s:property value="wheelDetail.width"/> <br/>
													                       Tỉ lệ:  <s:property value="wheelDetail.height"/><br/>
													                       Cấu trúc lốp:  <s:property value="wheelDetail.tireStructure"/><br/>
													                       Đường kính lazang: <s:property value="wheelDetail.diameter"/> <br/>
													                    </td>
													                </tr>													               
													                <tr>
													                    <th style="padding:5px 10px;width: 20%;height: 25px ;text-align: center;font-weight: bolder;font-size: 14px">
													                        Chỉ số tải trọng
													                    </th>
													                    <td style="padding:5px 10px;">
													                        <s:property value="wheelDetail.loads"/>
													                    </td>
													                </tr>
													                <tr>
													                    <th style="padding:5px 10px;width: 20%;height: 25px ;text-align: center;font-weight: bolder;font-size: 14px">
													                        Chỉ số vận tốc
													                    </th>
													                    <td style="padding:5px 10px;">
													                       <s:property value="wheelDetail.speed.speedSymbol"/> - <s:property value="wheelDetail.speed.velocity"/>(km/h)
													                    </td>
													                </tr>
													            </tbody>
													       	 </table>
														</div>
														<div id="frmTechnology"> <s:property value="wheelDetail.typesOfWheel.technology"/></div>
														<div id="frmBenifit">  <s:property value="wheelDetail.typesOfWheel.productBenifit"/></div>
													</sj:tabbedpanel>
                                                            
                                                            </div>
                                                        </div>
														
														<%--end body content--%>

                                                    </div>
                                                </div>
                                            </div>
                                            <jsp:include page= "footer.jsp"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</body>
</html>
